import React, { useState } from "react";
import Myswiper from "@/components/Myswiper";
import Banner from "@/components/Banner";
import "./index.css";
// import "./home.less";

import images_1 from "@/assets/images/myswiper/1.jpg";
import images_2 from "@/assets/images/myswiper/2.jpg";
import images_3 from "@/assets/images/myswiper/3.jpg";
import images_4 from "@/assets/images/myswiper/4.jpg";
import images_5 from "@/assets/images/myswiper/5.jpg";
const imageList1 = [
  { src: images_1, desc: "第一张" },
  { src: images_2, desc: "第二张" },
  { src: images_3, desc: "第三张" },
  // { src: images_4, desc: "第四张" },
  // { src: images_5, desc: "第五张" },
];
const render = () => {
  console.log(new Date().getTime());
  return new Date().getTime();
  // return now Date
};

export default function Home(props) {
  const [Desc, setDesc] = useState(false);

  const [showButton, setshowButton] = useState(false);
  return (
    <div>
      home
      <div className="graph">
        <div className="triangle"></div>
      </div>
      <Myswiper
        imageList1={imageList1}
        showButton={showButton}
        setshowButton={setshowButton}
        Desc={Desc}
        setDesc={setDesc}
      />
    </div>
  );
}
